﻿<!DOCTYPE HTML>
<html>
{include file="public:header_css"}
<link href="__STATIC__/admin/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />
<body>

<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 课程管理 <span class="c-gray en">&gt;</span> 添加课程
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>

<div class="page-container">

    <div action="" method="post" class="form form-horizontal" id="form-shops-add" enctype="multipart/form-data">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>具体门店：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <select  style="width:60%;" class="input-text" id="store_id">
                    {foreach name="store_list" item="val" key="key"}
                    <option value="{$val['store_id']}"  style="width:60%;">{$val['store_name']}</option>
                    {/foreach}
                </select>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>课程名称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" placeholder="请填写课程名称" id="course_name" style="width:60%;">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>开班类型：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <select  style="width:60%;" class="input-text" id="course_type"  >
                    <option value="1"  style="width:60%;">集体班</option>
                    <option value="2"  style="width:60%;">一对多</option>
                    <option value="3"  style="width:60%;">一对一</option>
                </select>
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <button class="btn btn-primary radius" type="submit" id="submit">&nbsp;&nbsp;提交&nbsp;&nbsp;</button>
                <a class="btn btn-warning radius" href="{:url('index')}">&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
            </div>
        </div>
    </div>

</div>
{include file="public:footer_js"}

<script type="text/javascript" src="__STATIC__/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">

    $(function(){

        $("#submit").click(function(){

            var store_id      = $("#store_id").val();
            var course_name   = $("#course_name").val();
            var course_type   = $("#course_type").val();

            // 课程名称
            if(course_name == ''){
                layer.msg('课程名称不可为空!',{icon:7,time:1000});
                $("#course_name").focus();
                return ;
            }
            //异步提交
            $.ajax({
                type:"POST",
                url:"{:url('add')}",
                data:{
                    store_id     : store_id,
                    course_name  : course_name,
                    course_type  : course_type
                },
                async:true,
                success:function (res) {
                    if(res.code === 0){
                        layer.msg(res.msg,{icon:5,time:2000});
                    }else{
                        layer.msg(res.msg,{icon:6,time:2000});
                        setTimeout(
                            function(){
                                location.replace("{:url('index')}");
                            },
                            3000
                        );
                    }
                }
            });
        });
    });
</script>

</body>
</html>